<!DOCTYPE html>
<html lang="es">
<head>
	<%@ include file="/jsp/fragments/include.jsp" %>
	<title>Abel Personnel - Personnel Application - Personal Information</title>
	<meta charset="utf-8"/>
	<meta name="description" CONTENT="Abel Personnel application"/>
	<meta name="keywords" CONTENT="Abel, Abel Personnel, Personnel, Personnel Application, Temporary Job, Temporary, Consulting, Job, Harrisburg"/>
	
	<link type="text/css" href="jsp/lib/css/main.css" rel="stylesheet"/>
	<link type="text/css" href="jsp/lib/css/calendar.css" rel="stylesheet"/>

	<!--[if lt IE 8]>
		<link rel="stylesheet" type="text/css" media="all" href="lib/css/ie6.css"/>
	<![endif]-->
	
	<!--[if IE]>
		<link rel="stylesheet" type="text/css" media="all" href="lib/css/ie.css"/>
	<![endif]-->
  
  <!-- BRAND CSS -->
	<link type="text/css" href="jsp/brand/abel/brand.css" rel="stylesheet"/>
	<script language="JavaScript" src="jsp/lib/js/calendar_us.js"></script>
</head>
<body class="personalInfo form" id="index">
	
	<!-- HEADER -->
	<div id="header" class="body">
		<header class="body" id="banner">
			<h1><a href="#">Abel Personnel</a></h1>
			<div class="description"> 
	      Personal Touch -- Professional Quality
	      <br/> 
	      &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;"We stake our reputation on the people who work for you"
	    </div>
		</header>
	</div>
		
	<!-- CONTENT -->
	<div id="section" class="body">
		<section class="body" id="content">
			<div class="user">${personalInfoView.salutation} &nbsp;&nbsp; <span class="userLinks">[<a href="dashboard.xhtm">User Dashboard</a>] &nbsp; [<a href="logout.xhtm">Sign Out</a>]</span></div>
			
			<!-- FEATURED AREA / BREADCRUMBS / PROGRESS -->
			<h2>Personnel Application</h2>
			
			
				<p> 	
					<spring:hasBindErrors name="personalInfoView">
						<div class="error">
							<span class="errorHeading">Please correct all errors(s) before continuing.</span>
							<ul>
				             	<c:forEach items="${errors.allErrors}" var="error">  
				                	<li><spring:message code="${error.code}" text="${error.defaultMessage}"/></li>  
				             	</c:forEach>
			             	</ul>  
			         	</div> 
			     	</spring:hasBindErrors>
				</p>
			<form:form method="post" commandName="personalInfoView" name="personalInfoForm">
				<div class="fieldset">
					<div class="text requiredfieldmessage">
						Items with an asterisk(<span class="req">*</span>) are required
					</div>

					<!-- fieldset -->
						<div class="columns-2">
						  <div class="column1 left">
						  	<label for="ssn"><span class="req">*</span> Social Security Number:</label>
						  </div>
						  <div class="column2">
						  		<form:input size="12" path="ssn" maxlength="11" cssClass="text" cssErrorClass="text errorfield"/>
						  </div>
					  	</div>
					  	<!-- 
						<div class="columns-2">
						  <div class="column1 left">
						  	<label for="dateOfBirth"><span class="req">*</span> Date of Birth (mm/dd/yyyy):</label>
						  </div>
						  <div class="column2">
						  		<form:input size="11" path="dateOfBirth" maxlength="10" cssClass="text" cssErrorClass="text errorfield"/>
						  		<script language="JavaScript">
								new tcal ({
									// form name
									'formname': 'personalInfoForm',
									// input name
									'controlname': 'dateOfBirth'
								});

								</script>
						  </div>
					  	</div>
					  	 -->
					  	 
					  	<div class="columns-2">
							<div class="column1 left">
					  			<label for="firstName"><span class="req">*</span> First Name:</label>
						  	</div>
						  	<div class="column2">
								<form:input size="20" path="firstName" maxlength="11" cssClass="text" cssErrorClass="text errorfield"/>
					  		</div>
					  	</div>
					  	<div class="columns-2">
						  	<div class="column1 left">
					  			<label for="mi"><span class="req">*</span>Middle Initial:</label>
						  	</div>
						  	<div class="column2">
								<form:input size="2" path="mi" maxlength="1" cssClass="text" cssErrorClass="text errorfield"/>
							</div>
					  	</div>
					  	<div class="columns-2">
							<div class="column1 left">
					  			<label for="lastName"><span class="req">*</span> Last Name:</label>
							</div>
							<div class="column2">
								<form:input size="20" path="lastName" cssClass="text" cssErrorClass="text errorfield"/>
					  		</div>
					  	</div>
					  	<div class="columns-2">
							<div class="column1 left">
					  			<label for="address1"><span class="req">*</span> Address:</label>
						  	</div>
						  	<div class="column2">
								<form:input size="25" path="address1" cssClass="text" cssErrorClass="text errorfield"/>
					  		</div>
					  	</div>
					  	<div class="columns-2">
							<div class="column1 left">
					  			<label for="address2"></label>
						  	</div>
						  	<div class="column2">
						  		<form:input size="25" path="address2" cssClass="text" cssErrorClass="text errorfield"/>
					  		</div>
					  	</div>
					  	<div class="columns-2">
							<div class="column1 left">
					  			<label for="city"><span class="req">*</span> City:</label>
						  	</div>
						  	<div class="column2">
								<form:input size="25" path="city" cssClass="text" cssErrorClass="text errorfield"/>	
					  		</div>
					  	</div>
					  	<div class="columns-2">
							<div class="column1 left">
					  			<label for="state"><span class="req">*</span> State:</label>
						  	</div>
						  	<div class="column2">
								<form:select path="state">
									<form:option value="">--SELECT--</form:option>
									<c:forEach items="${personalInfoView.states}" var="temp">
										<c:choose>
											<c:when test="${temp.stateCode == personalInfoView.state}">
												<option value="${temp.stateCode}" selected="selected">
              										<c:out value="${temp.stateName}"/>
            									</option>
											</c:when>
											<c:otherwise>
												<option value="${temp.stateCode}">
													<c:out value="${temp.stateName}"/>
												</option>
											</c:otherwise>
										</c:choose>
									</c:forEach>
								</form:select>
							</div>
					  	</div>
					  	<div class="columns-2">
							<div class="column1 left">
					  			<label for="zip"><span class="req">*</span> Zip Code:</label>
						  	</div>
						<div class="column2">
							<form:input size="10" path="zip" cssClass="text" cssErrorClass="text errorfield"/>
					  	</div>
					</div>
					  <div class="columns-2">
						<div class="column1 left">
				  			<label for="homePhone"><span class="req">*</span> Home Phone:</label>
					  	</div>
					  	<div class="column2">
							<form:input size="16" path="homePhone" cssClass="text" cssErrorClass="text errorfield"/>
						</div>
					</div>
					<div class="columns-2">
						<div class="column1 left">
					  		<label for="altPhone"><span class="req">*</span> Cell Phone:</label>
						</div>
						<div class="column2">
							<form:input size="16" path="altPhone" cssClass="text" cssErrorClass="text errorfield"/>
					  	</div>
					</div>
					<div class="columns-2">
						<div class="column1 left">
					  		<label for="workPhone">Work Phone:</label>
						</div>
						<div class="column2">
							<form:input size="16" path="workPhone" cssClass="text" cssErrorClass="text errorfield"/>
						</div>
					</div>
					<div class="columns-2">
						<div class="column1 left">
					  		<label for="workPhone">Emergency Contact:</label>
						</div>
						<div class="column2">
							<form:input size="16" path="emergencyContact" cssClass="text" cssErrorClass="text errorfield"/>
						</div>
					</div>
					<div class="columns-2">
						<div class="column1 left">
					  		<label for="workPhone">Relationship:</label>
						</div>
						<div class="column2">
							<form:input size="16" path="emergencyContactRelation" cssClass="text" cssErrorClass="text errorfield"/>
						</div>
					</div>
					<div class="columns-2">
						<div class="column1 left">
					  		<label for="workPhone">Emergency Contact Phone:</label>
						</div>
						<div class="column2">
							<form:input size="16" path="emergencyContactPhone" cssClass="text" cssErrorClass="text errorfield"/>
						</div>
					</div>

					<div class="formFooter">
						<input type="submit" name="continue" value="Continue &gt;"/>
					</div>
				<!-- /fieldset -->
			</div>
	</form:form>
			
	</section>
	</div>
	
	<!-- FOOTER -->
	<div id="footer">
		<footer id="contentinfo">
			<p class="copyright">&copy; <a href="http://www.abelpersonnel.com">Abel Personnel, Inc.</a>  All rights reserved</p>
		</footer>
	</div>


</body>
</html>